@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

/*s : ÀÏ¹Ý °Ô½ÃÆÇ ¸®½ºÆ®*/

.basic_list:after {content:''; clear:both; display:block;}

.basic_list .ask_table {margin-top:40px; font-size:14px; border-top:1px solid #e0e0e0; line-height:1.4; letter-spacing:-0.02em; text-align:center;}
.basic_list .ask_table thead th {padding:20px 10px; border-bottom:1px solid #e0e0e0;}
.basic_list .ask_table tbody tr {height:60px;}
.basic_list .ask_table tbody tr.notice {background:#f0f0f0;}
.basic_list .ask_table tbody td {padding:0 10px; border-bottom:1px solid #e0e0e0;}
.basic_list .ask_table tbody td.tit {width:100%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.basic_list .ask_table tbody td.tit a {display:flex; align-items:center; height:58px;}
.basic_list .ask_table tbody td.tit a p {display:block; width:calc(100% - 60px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.basic_list .ask_table tbody td.manager {font-weight:700;}
.basic_list .ask_table tbody td.answer {padding:0;}
.basic_list .ask_table tbody td.answer span {display:block; padding:10px 25px; color:#fff; font-weight:700; line-height:1.4; letter-spacing:-0.02em; background-color:#3F7FDA;}
.basic_list .ask_table tbody td.answer span.on {color:#333; background-color:#F0F0F0;}
.basic_list .ask_table tbody td.date {color:#888;}
.basic_list .ask_table tbody tr.notice td.num p {display:inline-block; padding:6px 12px 6px 27px; color:#fff; font-size:12px; font-weight:700; border-radius:4px; line-height:1; letter-spacing:0; background:#333 url(/wp-content/plugins/kboard/skin/0_wrap-default/images/ico_pin.svg) no-repeat left 12px center;}
/*e : ÀÏ¹Ý °Ô½ÃÆÇ ¸®½ºÆ®*/

/*s : ÀÏ¹Ý °Ô½ÃÆÇ ºä*/
.basic_view .view_wrap {border-width:1px 0; border-style:solid; border-color:#e0e0e0; letter-spacing:0;}
.basic_view .view_wrap .title {display:flex; align-items:flex-start; padding:20px; font-size:24px; line-height:1.3;}
.basic_view .view_wrap .title .notice {padding:9px 12.5px 9px 27.5px; margin-right:24px; color:#fff; font-size:12px; font-weight:700; border-radius:4px; line-height:1; letter-spacing:-0.02em; background:#333 url(/wp-content/plugins/kboard/skin/0_wrap-default/images/ico_pin.svg) no-repeat left 12.5px center;}
.basic_view .view_wrap .title .type {display:inline-block; padding:10px; margin-right:10px; font-size:12px; color:#fff; font-weight:700; line-height:1; letter-spacing:0; background:#333;}

.basic_view .view_wrap .infor_wrap {display:flex; padding:20px 4px; color:#888; background:#F4F4F4;}
.basic_view .view_wrap .infor_wrap > div {display:flex; padding:0 16px; line-height:1;}
.basic_view .view_wrap .infor_wrap > div + div {border-left:1px solid #e0e0e0;}
.basic_view .view_wrap .infor_wrap .tit {margin-right:16px;}

.basic_view .view_wrap .view_txt {min-height:456px; padding:40px 0; color:#555; font-size:14px; line-height:1.6; letter-spacing:0;}
.basic_view .view_wrap .view_txt .thumb {max-width:600px; width:100%; margin:0 auto;}
.basic_view .board_btn_wrap.admin .status {display:inline-block; width:122px; height:100%; padding:0;}
.basic_view .board_btn_wrap.admin .status select {display:block; font-size:12px; width:100%; height:100%; box-sizing:border-box;}

.ask_view .kboard-document-action {display:flex; justify-content:space-between; margin-top:12px;}
.ask_view .kboard-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 12px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: transparent; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
.ask_view .kboard-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 12px; }
.ask_view .kboard-button-like { color: #ff5959; }
.ask_view .kboard-button-unlike { color: #3d62aa; }
.ask_view .kboard-button-print { color: gray; }
.ask_view .kboard-button-download { color: gray; }
.ask_view .kboard-comments-area .kboard-comments-wrap .kboard-comments-login {display:none;}
/*e : ÀÏ¹Ý °Ô½ÃÆÇ ºä*/

/*edit*/
.ask_editor {border-top:1px solid #e0e0e0;}
.ask_editor .fake_wrap {padding:0; border:0;}
.ask_editor > div {display:flex; padding:20px 20px 20px 20px; border-bottom:1px solid #e0e0e0; letter-spacing:0;}
.ask_editor > div.required .attr-name > span {position:relative;}
.ask_editor > div.required .attr-name > span::after {content:'*'; position:absolute; z-index:1; top:0; left:calc(100% + 3px); color:red;}
.ask_editor .attr-name {flex-shrink:0; width:260px; padding-top:13px; font-weight:700; font-size:18px;}
.ask_editor .attr-value {display:flex; width:100%;}
.ask_editor .kboard-content {display:flex; width:100%;}
.ask_editor .attr-name[for="kboard-select-category2"] + .attr-value {display:block;}
.ask_editor .attr-value > * {width:calc(50% - 20px); margin-right:20px;}
.ask_editor .kboard-attr-option {display:none !important;}

.ask_editor input[type="text"],
.ask_editor input[type="number"],
.ask_editor input[type="email"],
.ask_editor input[type="password"],
.ask_editor input[type="tel"] {height:50px; padding:0 19px; font-size:18px; border-radius:4px; line-height:50px;}
.ask_editor input[type="text"]::placeholder,
.ask_editor input[type="number"]::placeholder,
.ask_editor input[type="email"]::placeholder,
.ask_editor input[type="password"]::placeholder,
.ask_editor input[type="tel"]::placeholder {color:#BEBEBE; font-size:18px;}
.ask_editor input[type="file"] {width:auto !important; height:38px; padding:5px 0; border:0;}

.ask_editor .selectric {border-radius:4px;}
.ask_editor .selectric-open .selectric {border-radius:4px 4px 0 0;}
.ask_editor .selectric .label {height:48px; margin:0 40px 0 19px; color:#333; font-size:18px; line-height:48px;}
.ask_editor .selectric .button {right:20px; width:10px; height:10px; background-image:url(../images/ico/ico_select.svg);}
.ask_editor .selectric-open .selectric .button {background-image:url(../images/ico/ico_select02.svg);}
.ask_editor .selectric-items {border-top:0; border-radius:0 0 4px 4px;}
.ask_editor .selectric-items li {min-height:44px; padding:0 19px; color:#333; font-size:18px; line-height:44px; letter-spacing:-0.02em;}
.ask_editor .selectric-items li:hover,
.ask_editor .selectric-items li.highlighted {font-weight:700;}

.ask_editor label .attr-required-text {display:none;}
.ask_editor label input[type="radio"],
.ask_editor label input[type="checkbox"] {position:absolute; z-index:-9999; top:0; left:-9999px; width:0; height:0;}
.ask_editor label input[type="radio"] + i,
.ask_editor label input[type="checkbox"] + i {position:relative; width:24px; height:24px; display:inline-block; margin-right:10px; border-radius:50%; border:1px solid #e0e0e0; background:#fff;}
.ask_editor label input[type="radio"]:checked + i,
.ask_editor label input[type="checkbox"]:checked + i {border-color:#333; background:#333;}
.ask_editor label input[type="radio"]:checked + i:after,
.ask_editor label input[type="checkbox"]:checked + i:after {content:''; position:absolute; z-index:1; top:50%; left:50%; width:8px; height:8px; border-radius:50%; background:#fff; transform:translate(-50%,-50%);}

.ask_editor .chk_radio .con {display:flex;}
.ask_editor .chk_radio .con label {display:flex; align-items:center; width:auto; min-width:138px; padding:10px 0; margin-right:0;}
.ask_editor .chk_radio.radio .attr-value label input[type="radio"] + i + span {font-size:18px; line-height:1;}
.ask_editor .chk_radio.check .attr-value label {display:flex; align-items:center; width:auto; min-width:138px; padding:10px 0; margin-right:0;}
.ask_editor .chk_radio.check .attr-value label input[type="checkbox"] + i + p {font-size:18px; line-height:1;}
.ask_editor .chk_radio.check .attr-value > .txt {display:none;}
.ask_editor .chk_radio.check .attr-value label input[type="checkbox"] + i + p span {display:none;}
.ask_editor .chk_radio.check .attr-value label input[type="checkbox"] + i + p strong {display:inline-block; margin-left:5px; color:#f00;}

.ask_editor [id^="datapicker"] {padding-left:53px !important; background:url(../images/ico/ico_calendar.svg) no-repeat left 19px center;}
.ask_editor [id^="datapicker"]::placeholder {color:#333 !important;}
.ask_editor .time input {height:56px; line-height:56px;}
.ask_editor .time .selectric .label {height:54px; padding-left:34px; line-height:54px; background:url(../images/ico/ico_clock.svg) no-repeat left center;}
.ask_editor .time .timepicker {position:absolute; z-index:1; top:0; left:-9999px; width:0; height:0; overflow:hidden;}

.ask_editor .region input[type="text"] {position:absolute; z-index:-9999; top:-9999px; left:-9999px; width:1px; height:1px; opacity:0; padding:0; border:0;}
.ask_editor .region .area_wrap {width:100%; margin-top:0;}
.ask_editor .region .area_wrap {display:flex;}
.ask_editor .region .area_wrap > div {flex-shrink:0; position:relative;width:calc(50% - 10px); height:50px; margin-right:20px;}
.ask_editor .region .area_wrap > div .selectric-wrapper {width:100%; margin:0;}
.ask_editor .region .area_wrap .two_select {position:relative; flex-wrap:wrap;}
.ask_editor .region .area_wrap .two_select:before {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; display:none;}
.ask_editor .region .area_wrap .two_select.hide {overflow:hidden; opacity:0.5;}
.ask_editor .region .area_wrap .two_select.hide:before {display:block;}
.ask_editor .region .area_wrap .two_select:not(.hide) {opacity:1;}
.ask_editor .region .area_wrap .two_select:not(.hide) .selectric-wrapper {display:none;}
.ask_editor .region .area_wrap .two_select:not(.hide) .selectric-wrapper.on {display:block;}

.ask_editor .coach input[type="text"] {position:absolute; z-index:-9999; top:-9999px; left:-9999px; width:1px; height:1px; opacity:0; padding:0; border:0;}
.ask_editor .coach .coach_wrap {width:100%; margin-top:0;}
.ask_editor .coach .coach_wrap {display:flex;}
.ask_editor .coach .coach_wrap > div {flex-shrink:0; position:relative;width:calc(50% - 10px); height:50px; margin-right:20px;}
.ask_editor .coach .coach_wrap > div .selectric-wrapper {width:100%; margin:0;}
.ask_editor .coach .coach_wrap .sec_coach {position:relative; flex-wrap:wrap;}
.ask_editor .coach .coach_wrap .sec_coach:before {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; display:none;}
.ask_editor .coach .coach_wrap .sec_coach.hide {overflow:hidden; opacity:0.5;}
.ask_editor .coach .coach_wrap .sec_coach.hide:before {display:block;}
.ask_editor .coach .coach_wrap .sec_coach:not(.hide) {opacity:1;}
.ask_editor .coach .coach_wrap .sec_coach:not(.hide) .selectric-wrapper {display:none;}
.ask_editor .coach .coach_wrap .sec_coach:not(.hide) .selectric-wrapper.on {display:block;}

.ask_editor .address .attr-value {display:block;}
.ask_editor .address .attr-value > * {width:100%;}
.ask_editor .address .attr-value .kboard-row-postcode input {width:100%; max-width:260px; margin-right:8px;}
.ask_editor .address .attr-value > div:not(.kboard-row-postcode) input {width:100%;}
.ask_editor .address .attr-value > div + div {margin-top:12px;}
.ask_editor .address .attr-value button {display:inline-block; padding:18px 45px; color:#fff; font-size:14px; border-radius:4px; line-height:1; letter-spacing:0; background:#333;}

.ask_editor .txt_box {padding-right:20px;}
.ask_editor textarea {height:252px; border:1px solid #e0e0e0; border-radius:4px;}

.ask_editor .file {padding-top:27px; padding-bottom:27px;}
.ask_editor .file .tit {padding-top:7px;}
.ask_editor .file .attr-value {align-items:center;}
.ask_editor .file .attr-value > * {width:auto; margin-right:24px;}
.ask_editor .file .txt {color:#888; font-size:14px; line-height:1.48; letter-spacing:0;}
.ask_editor .file .txt span {color:#FF0000;}

.ask_editor .code .attr-value {align-items:center;}
.ask_editor .code .attr-value .code_img {width:auto; margin-right:0;}
.ask_editor .code .attr-value input[type="text"] {max-width:400px;}

.ask_editor .chk_agree {flex-wrap:wrap; justify-content:flex-end; padding:40px 0 10px; border:0;}
.ask_editor .chk_agree .attr-name {display:none;}
.ask_editor .chk_agree .agree_box {width:100%; height:240px; padding:40px; color:#555; font-size:14px; line-height:1.4; letter-spacing:0; border:1px solid #e0e0e0; border-radius:4px; overflow:auto; -ms-overflow-style:none; scrollbar-width:none;}
.ask_editor .chk_agree .agree_box::-webkit-scrollbar {display:none;}
.ask_editor .chk_agree label.tit {display:none;}
.ask_editor .chk_agree label {display:flex; align-items:center; margin-top:40px;}
.ask_editor label input[type="checkbox"] {display:none;}
.ask_editor label input[type="checkbox"] + i {margin-right:12px;}
.ask_editor label input[type="checkbox"] + i + strong {display:inline-block;}

.ask_editor .attr-name[for="kboard-select-category2"] + .attr-value .description {width:100%; margin-top:8px;}

.ask_editor .board_btn_wrap {padding:0; margin-top:50px; border:0;}
.ask_editor .board_btn_wrap:not(.admin) > * {padding:18px 60px; font-size:16px; font-weight:700; line-height:1.25; letter-spacing:-0.05em;}
.ask_editor > div.meta-key-pw-fake {display:none;}

/*s: ºñ¹Ð¹øÈ£ È®ÀÎ*/
.wrap_ask_confirm .con_tit > p {margin-top:16px; font-size:20px; font-weight:400; color:#a6a6a6;}
.wrap_ask_confirm .inp_password_box {width:800px; margin:60px auto 0; padding:75px 0; box-shadow:0px 4px 30px rgba(0,0,0,0.06);}
.wrap_ask_confirm .inp_password_box .w400 {width:400px; margin:0 auto;}
.wrap_ask_confirm .inp_password_box .confirm_wrap > strong {font-size:14px; line-height:1; color:#333;}
.wrap_ask_confirm .inp_password_box .confirm_wrap .attr-value {margin-top:18px;}
.wrap_ask_confirm .inp_password_box .confirm_wrap .attr-value input[type="password"] {display:block; width:100%; height:52px; border:1px solid #e0e0e0; border-radius:6px}
.wrap_ask_confirm .inp_password_box .confirm_wrap .description {margin-top:8px; font-size:12px; line-height:1.4; letter-spacing:-0.02em; color:#ff003e;}
.wrap_ask_confirm .inp_password_box .confirm_wrap .board_btn_wrap {margin-top:26px;}
.wrap_ask_confirm .inp_password_box .confirm_wrap .board_btn_wrap > * {width:calc(50% - 5px); text-align:center; font-size:14px; line-height:1; letter-spacing:-0.05em; font-weight:700; padding:16px 0;}
/*e: ºñ¹Ð¹øÈ£ È®ÀÎ*/


@media screen and (max-width: 1199px) {
	/*edit*/
	.ask_editor .attr-name {width:24%;}
}

@media screen and (max-width: 1024px) {
	.basic_list .ask_table .mb_hide {display:none;}

	/*edit*/
	.ask_editor > div {padding:20px 0;}
	.ask_editor .attr-name {font-size:16px;}
	.ask_editor .attr-value > * {margin-right:0;}

	.ask_editor input[type="text"], 
	.ask_editor input[type="number"],
	.ask_editor input[type="email"],
	.ask_editor input[type="tel"],
	.ask_editor input[type="password"],
	.ask_editor .selectric-wrapper {width:100%;}

	.ask_editor .chk_radio .attr-value {flex-wrap:wrap;}
	.ask_editor .chk_radio .attr-value label {width:50%; margin-right:0;}
	.ask_editor .chk_radio.radio .attr-value label input[type="radio"] + i + span {font-size:16px;}

	.ask_editor .time .attr-value > *,
	.ask_editor .region .attr-value > * {width:calc(50% - 14px); margin-right:14px;}
	.ask_editor .time .attr-value > *:last-child,
	.ask_editor .region .attr-value > *:last-child {margin-right:0;}

	.ask_editor .region .area_wrap {display:block;}
	.ask_editor .region .area_wrap > div {width:100%; max-width:100%; height:50px;}
	.ask_editor .region .area_wrap > div + div {margin-top:16px;}

	.ask_editor .address .attr-value > div input {width:calc(100% - 154px); max-width:100%;}

	.ask_editor .txt_box {padding-right:0;}

	.ask_editor .file .attr-value {display:block;}
	.ask_editor .file .txt {margin-top:8px;}

	.ask_editor .code .attr-value input[type="text"] {max-width:100%;}

	.ask_editor .chk_agree {padding-top:30px;}
	.ask_editor .chk_agree .agree_box {padding:30px; font-size:12px;}
	.ask_editor .chk_agree label {margin-top:30px;} 

	.ask_editor .attr-name[for="kboard-select-category2"] + .attr-value .description {font-size:14px;}

	/*password*/
	.wrap_ask_confirm .inp_password_box {width:calc(100% - 50px); margin:60px auto 0;}
}

@media screen and (max-width: 640px) {
	/*s : ÀÏ¹Ý °Ô½ÃÆÇ ¸®½ºÆ®*/
	.basic_list .ask_table {margin-top:24px; font-size:12px;}
	.basic_list .ask_table colgroup col.answer {width:60px;}
	.basic_list .ask_table colgroup col.manager {width:80px;}
	.basic_list .ask_table thead th {padding:9px 10px 10px;}
	.basic_list .ask_table thead th.tit {text-align:left;}
	.basic_list .ask_table tbody tr {height:37px;}
	.basic_list .ask_table tbody tr.notice td.tit {padding-left:34px; background:url(images/ico_pin02.svg) no-repeat left 10px center;}
	.basic_list .ask_table tbody td.answer span {padding:6px 12px; font-size:10px;}
	.basic_list .paging {margin-top:14px;}
	/*e : ÀÏ¹Ý °Ô½ÃÆÇ ¸®½ºÆ®*/

	.basic_view .board_btn_wrap.admin .status {width:78px; font-size:10px;}
	.basic_view .board_btn_wrap.admin .status select {font-size:10px;}

	/*edit*/
	.ask_editor > div {flex-wrap:wrap;}
	.ask_editor .attr-name {width:85px; padding:0 !important; margin-bottom:12px; font-size:12px;}

	.ask_editor input[type="text"], 
	.ask_editor input[type="number"],
	.ask_editor input[type="email"],
	.ask_editor input[type="password"],
	.ask_editor input[type="tel"] {height:44px; padding:0 15px; font-size:14px; line-height:44px;}
	.ask_editor input[type="text"]::placeholder, 
	.ask_editor input[type="number"]::placeholder,
	.ask_editor input[type="password"]::placeholder,
	.ask_editor input[type="tel"]::placeholder {font-size:14px;}

	.ask_editor .selectric .label {height:40px; margin:0 30px 0 15px; font-size:14px; line-height:40px;}
	.ask_editor .selectric-items li {min-height:36px; padding:0 16px; font-size:14px; line-height:36px;}
	.ask_editor .selectric .button {right:16px;}

	.ask_editor label input[type="radio"] + i, 
	.ask_editor label input[type="checkbox"] + i {width:22px; height:22px;}

	.ask_editor .chk_radio.radio .attr-value label input[type="radio"] + i + span {font-size:14px;}

	.ask_editor [id^="datapicker"] {padding-left:42px !important; background-size:16px; background-position:left 16px center;}
	.ask_editor .time .selectric .label {height:42px; padding-left:26px; line-height:42px; background-size:16px;}

	.ask_editor .address .attr-value > div input {width:calc(100% - 116px); margin-right:4px;}
	.ask_editor .address .attr-value button {padding:14px 28px;}
	.ask_editor .address .attr-value > input {margin-top:8px;}

	.ask_editor textarea {height:146px;}

	.ask_editor .file .attr-value {width:calc(100% - 85px);}
	.ask_editor input[type="file"] {height:27px; padding:0; font-size:10px;}
	.ask_editor .file .txt {font-size:12px;}

	.ask_editor .chk_agree {padding:20px 0 40px;}
	.ask_editor .chk_agree .agree_box {padding:20px; font-size:10px;}

	.ask_editor .chk_agree label {margin-top:20px;}
	.ask_editor label input[type="checkbox"] + i {margin-right:15px;}
	.ask_editor label input[type="checkbox"] + i + strong {font-size:14px;}

	.ask_editor .attr-name[for="kboard-select-category2"] + .attr-value .description {font-size:12px;}

	.ask_editor .board_btn_wrap {margin-top:20px;}
	.ask_editor .board_btn_wrap:not(.admin) > * {padding:18px 40px; font-size:14px; line-height:1; letter-spacing:0;}

	.title_txt {height:35px;}
	
	/*password*/
	.wrap_ask_confirm .con_tit > p {margin-top:12px; font-size:16px;}
	.wrap_ask_confirm .inp_password_box {width:calc(100% - 32px); margin:42px auto 0; padding:60px 22px;}
	.wrap_ask_confirm .inp_password_box .w400 {width:100%; margin:0;}
	.wrap_ask_confirm .inp_password_box .confirm_wrap .attr-value input[type="password"] {padding:0 24px;}
	.wrap_ask_confirm .inp_password_box .confirm_wrap .attr-value input[type="password"],
	.wrap_ask_confirm .inp_password_box .confirm_wrap .attr-value input[type="password"]::placeholder {font-size:14px;}
	.wrap_ask_confirm .inp_password_box .confirm_wrap .attr-value {margin-top:12px;}
}

@media screen and (max-width: 374px) {
	.ask_editor .chk_agree label {font-size:14px;}
}